<template>
  <div class="body">
    <div class="content">
      <div class="InputField">
        <h2>藏头诗生成</h2>
        <p>藏头诗是诗歌中一种特殊形式的诗体，藏头诗涵义深、品位高、价值重，可谓一字千金。只要您输入你想要的文字，并点击"开始生成"，就可以生成属于您的藏头诗。</p>
        <label class="SearchText" for="search">你想搜索什么:</label>
        <input class="SearchBox" value="" /> <button class="Search">开始生成</button>

      </div>
      <div class="DisplayBox">
        <div class="Title1">藏头诗</div>
        <div id="Show">
          
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped>
* {
  padding: 0;
  margin: 0;
  font-family: Arial, "Microsoft YaHei UI", sans-serif;
}
.body{
  align-items: center;
  background-color: #d7ccc8;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  color: #212121;
}
</style>